<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	  	<title>Andrey Fedorenko &mdash; Web &amp; UI/UX designer :: Home</title>
	  	<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
	  	<meta name="robots" content="index, follow" />
	  	<meta name="description" content="Personal site of web and UI/UX designer — Andrey Fedorenko. Take a look portfolio, read blog and contact to Andrey Fedorenko." />
	 	<meta name="keywords" content="web design, design website, website designer, ui design, portfolio, andrey fedorenko, Andrey Fedorenko, web designer portfolio, portfolio" />
	  	<meta name="author" content="Andrey Fedorenko" />

	  	<link rel="shortcut icon" href="http://afedorenko.com/favicon.ico" />
	    <link rel="stylesheet" href="css/common.css" media="screen" type="text/css" />
	    <link rel="stylesheet" href="css/nivo-slider.css" media="screen" type="text/css" />

	<!--    <link rel="alternate" type="application/rss+xml" title="Frog Default RSS Feed" href="http://afedorenko.com//?rss.xml" /> -->
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/afedorenoko.js"></script>
		<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
	</head>
	<body>
		<div class="bg">
			<div class="main">
				<div class="header">
					<ul>
						<li class="home"><a href="/eCard/index.php"><b class="icon"><span></span></b><span>Trang chủ</span></a></li>
		                 <li  class="portfolio current"> <span><b class="icon"><span></span></b><span>Sản phẩm</span></span></li>
						<li class="logo"><a href="http://afedorenko.com/"><img src="css/images/andrey-fedorenko.gif" alt="Andrey Fedorenko &mdash; Web &amp; UI/UX designer" title="Andrey Fedorenko &mdash; Web &amp; UI/UX designer"/></a></li>
						<li class="blog"><a href="/?blog.html"><b class="icon"><span></span></b><span>Blog</span></a></li>
						<li class="about"><a href="/?about.html"><b class="icon"><span></span></b><span>About</span></a></li>
					</ul>
				</div>
				<div class="content">
				  	<div class="portfolio_item">
						<div class="top"></div>
						<div class="in">
							<a href="#">
								<img src="upload/card/th_matching.jpg" alt="Matching Service"/>

								<span class="shadow"></span>
							</a>
						</div>
						<div class="bot"></div>
					</div>
					<div class="portfolio_text">
						<h2><a href="#" >Matching Service</a></h2>
						<p>Matching Service</p>
						<ul>
							<li>Creative Direction</li>
							<li><b class="b">Logo & Layout design</b></li>
		 					<li><b class="b">HTML/CSS & Javascript coding</b></li>
						</ul>
						<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
						<!-- <div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->
						<div class="clear"></div>
					</div>
					<!-- end portfolio item -->

					<div class="clear"></div>
					<div class="portfolio_item">
						<div class="top"></div>
						<div class="in">
							<a href="#">
								<img src="upload/card/th_nazax.jpg" alt="NAZAX Company"/>
								<span class="shadow"></span>
							</a>
						</div>
						<div class="bot"></div>
					</div>
					<div class="portfolio_text">
						<h2><a href="#" >NAZAX Company</a></h2>
						<p>NAZAX Company</p>
						<ul>
							<li>Creative Direction</li>
							<li><b class="b">Logo & Layout design</b></li>
		 					<li><b class="b">HTML/CSS & Javascript coding</b></li>
						</ul>
						<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
						<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>
						<div class="clear"></div>
					</div>
					<!-- end portfolio item -->

					<div class="clear"></div><div class="portfolio_item">
						<div class="top"></div>
						<div class="in">
							<a href="#">
								<img src="upload/card/th_flori.jpg" alt="Flori Center Website"/>
								<span class="shadow"></span>
							</a>
						</div>
						<div class="bot"></div>
					</div>
					<div class="portfolio_text">
						<h2><a href="#" >Flori Center Website</a></h2>
						<p>Flori Center Website</p>
						<ul>
							<li>Creative Direction</li>
							<li><b class="b">Logo & Layout design</b></li>
		 					<li><b class="b">HTML/CSS & Javascript coding</b></li>
						</ul>
						<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
						<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>
						<div class="clear"></div>
					</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_dating.jpg" alt="Dating Site Concept"/>
							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Dating site concept</a></h2>
					<p>My vision of dating sites</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
					<li><b class="b">HTML/CSS & Javascript coding</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->
					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_dj.jpg" alt="DJ Slava Freak"/>
							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >DJ Slava Freak</a></h2>
					<p>DJ Slava's Website</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
						<li><b class="b">HTML/CSS & Javascript coding</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->
					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_anoopen.jpg" alt="Anotheria OpenSource"/>
							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Anotheria OpenSource</a></h2>
					<p>Anotheria OpenSource website</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
						<li><b class="b">HTML/CSS & Javascript coding</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>
					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_realmir.jpg" alt="Real Mir"/>
							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Real Mir</a></h2>
					<p>Redesign of "Real Mir" website</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
						<li><b class="b">HTML/CSS & Javascript coding</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>
					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_domski.jpg" alt="Arina Domski"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Arina Domski</a></h2>

					<p>Official site of singer Arina Domski</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
						<li><b class="b">HTML/CSS & Javascript coding</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_vcard.jpg" alt="vCards for identyme.com"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >vCard for identyme.com</a></h2>
					<p>Some fancy vCards for identyme.com</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Layout design</b></li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_making.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Match Making</a></h2>

					<p>Anotheria�s demostration <b class="b">site</b> of making matching.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Logo &amp; Website design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_ano-home.jpg" alt="#"/>
							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Anotheria</a></h2>

					<p>Redesign Anotheria�s <b class="b">site</b>.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Design</b> &amp; Layout</li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_freak.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Freak Ballet</a></h2>

					<p><b class="b">Website</b> for my friend and best dancer.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Logo &amp; Layout design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="_blank"  class="ext">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_seen.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >Seen.by Photo Lab</a></h2>

					<p>Redesign of Photo Lab for <a href="#" target="_black">Seen.by</a>.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Design</b> &amp; Layout</li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_msk.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >MoSKito Web Page</a></h2>

					<p><b class="b">Logo</b> and <b class="b">website design</b> of MoSKito (Monitoring System Kit) &mdash; Anotheria's opensource product.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Logo, Website &amp; Layout design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_black.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >BlackStone online shop</a></h2>

					<p>Redesign of online shop BlackStone.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Website &amp; Layout design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext" target="_blank">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_asg.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >ASG UI design</a></h2>

					<p>Redesign of ASG (Anotheria Site Generator) UI.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Logo &amp; Layout design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
	<!--				<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="ext">Visit site</a></div> -->

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div><div class="portfolio_item">
					<div class="top"></div>
					<div class="in">
						<a href="#">
							<img src="upload/card/th_mui.jpg" alt="#"/>

							<span class="shadow"></span>
						</a>
					</div>
					<div class="bot"></div>
				</div>
				<div class="portfolio_text">
					<h2><a href="#" >MoSKito Web UI</a></h2>

					<p>MoSKito (Monitoring System Kit) Web UI.</p>
					<ul>
						<li>Creative Direction</li>
						<li><b class="b">Logo &amp; Layout design</b></li>
						<li><b class="b">HTML</b>/<b class="b">CSS</b> &amp; Javascript coding</li>
					</ul>
					<a href='#' class="button closer_btn"><span><strong class="icon"><em></em></strong>View closer</span></a>
					<div class="visit">or&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" target="_blank"  class="ext">Visit site</a></div>

					<div class="clear"></div>
				</div>
				<!-- end portfolio item -->

				<div class="clear"></div>
				<a href="#">Go to Top</a>

			</div>
			<div class="footer">
				<div>
					<a href="#">eCard</a>&nbsp;&copy;&nbsp;2010 - 2013			</div>
			</div>	</div>
	</div>
	</body>
</html>